<template>
    <div _tmplitem="54" class="dv-full-screen-container" :style="css">
        <div _tmplitem="54" style="position: absolute;width:1920px;height:1080px; background-image: url(http://localhost:8084006f118515bb096cc7548066440516f1.png) !important;background-size:cover;    background-repeat:no-repeat;" class="div-full-screen">
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel171285011153460" title="vue自定义组件" style="top: 230px; left: 120px; width: 300px; height: 200px; transform: translate(0px, 0px); z-index: 1053;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <sel171285011153460 ref="sel171285011153460" cssstyle="opacity:1;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"></sel171285011153460>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel171285010570120" title="动画立体组件" style="top: 229px; left: 1204px; width: 300px; height: 400px; transform: translate(0px, 0px); z-index: 1052;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <custom1776443952871088130 ref="sel171285010570120" w="300" h="400" :iscomzoom="true" :initwidth="512" :initheight="718" comid="1776443952871088130"></custom1776443952871088130>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel171285010214836" title="立体文字特效" style="top: 204px; left: 414px; width: 600px; height: 500px; transform: translate(0px, 0px); z-index: 1051;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <custom1776450888261804034 ref="sel171285010214836" w="600" h="500" :iscomzoom="true" :initwidth="600" :initheight="500" comid="1776450888261804034" comtitle="kyfrom.cn"></custom1776450888261804034>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel171193836162808" title="数字翻牌" style="top: 301px; left: 337px; width: 300px; height: 40px; transform: translate(0px, 0px); z-index: 1050;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;line-height:40px ;font-size:24px ;color:rgb(255, 255, 255) ;text-align:left;border-radius:0px;border-width:0px ;border-style:solid ;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <digitalflop _tmplitem="4" ref="sel171193836162808" :num="1343" content="{nt}个" :w="300" :h="40" cssstyle="opacity:1;line-height:40px ;font-size:24px ;color:rgb(255, 255, 255) ;text-align:left;border-radius:0px;border-width:0px ;border-style:solid ;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"></digitalflop>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel171193831044205" title="通用标题" style="top: 275px; left: 222px; width: 300px; height: 40px; transform: translate(0px, 0px); z-index: 1049;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);color: rgb(255, 255, 255); overflow: unset; text-overflow: unset; white-space: unset; background-image: none; background-clip: unset; -webkit-text-fill-color: initial;white-space:nowrap;">
                    <titlecontrol _tmplitem="5" ref="sel171193831044205" :w="300" :h="40" :val="fromData.sel171193831044205" cssstyle="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);color: rgb(255, 255, 255); overflow: unset; text-overflow: unset; white-space: unset; background-image: none; background-clip: unset; -webkit-text-fill-color: initial;white-space:nowrap;"></titlecontrol>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel171193806138318" title="图片" style="top: 161px; left: 279px; width: 55px; height: 55px; transform: translate(0px, 0px); z-index: 1048;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;border-radius:0px;border-width:0px ;border-style:solid ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <bigimg _tmplitem="6" url="dce3d867-a6c9-412d-a5ac-6d2313c68822.png" w="55" h="55" rotatetype="" rotatetime=""></bigimg>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel171193783839014" title="双y轴柱图" style="top: 112px; left: 1430px; width: 494px; height: 331px; transform: translate(0px, 0px); z-index: 1047;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;border-radius:0px;border-width:0px ;border-style:solid ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <myechart _tmplitem="7" ref="sel171193783839014" mapcity="" mapcode="" mapurl="" :options="fromData.sel171193783839014"></myechart>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel171193771270354" title="水球图" style="top: 808px; left: 1446px; width: 471px; height: 266px; transform: translate(0px, 0px); z-index: 1046;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;border-radius:0px;border-width:0px ;border-style:solid ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <myechart _tmplitem="8" ref="sel171193771270354" mapcity="" mapcode="" mapurl="" :options="fromData.sel171193771270354"></myechart>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel171193756644749" title="轮播表格" style="top: 447px; left: 1455px; width: 447px; height: 322px; transform: translate(0px, 0px); z-index: 1045;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;height:190pxpx;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <scrollingtable _tmplitem="9" :isheadshow="true" :scrollnum="3" :step="1" :direction="1" :singleheight="32" :singlewidth="0" tableheadcolor="rgba(1, 41, 109, 0.61)" tablerowhovercolor="rgba(18, 86, 157, 0.7)" tablerowcolor="rgba(0, 25, 82, 0.64)" tablerowdoublecolor="rgba(2, 51, 125, 0.62)" tablebordercolor="rgba(66, 102, 154, 0.64)" tableheadfontcolor="#fff" tablehoverfontcolor="#fff" tablerowfontcolor="#fff" :elcolumn="controlData.sel171193756644749" :tabledata="fromData.sel171193756644749" :h="322" :w="447"> </scrollingtable>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel171193739037022" title="数字翻牌" style="top: 949px; left: 1271px; width: 100px; height: 40px; transform: translate(0px, 0px); z-index: 1044;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;line-height:40px ;font-size:24px ;color:rgb(255, 255, 255) ;text-align:left;border-radius:0px;border-width:0px ;border-style:solid ;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <digitalflop _tmplitem="10" ref="sel171193739037022" :num="1343" content="{nt}个" :w="100" :h="40" cssstyle="opacity:1;line-height:40px ;font-size:24px ;color:rgb(255, 255, 255) ;text-align:left;border-radius:0px;border-width:0px ;border-style:solid ;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"></digitalflop>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel171193734022125" title="通用标题" style="top: 977px; left: 1155px; width: 300px; height: 40px; transform: translate(0px, 0px); z-index: 1043;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);color: rgb(255, 255, 255); overflow: unset; text-overflow: unset; white-space: unset; background-image: none; background-clip: unset; -webkit-text-fill-color: initial;white-space:nowrap;">
                    <titlecontrol _tmplitem="11" ref="sel171193734022125" :w="300" :h="40" :val="fromData.sel171193734022125" cssstyle="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);color: rgb(255, 255, 255); overflow: unset; text-overflow: unset; white-space: unset; background-image: none; background-clip: unset; -webkit-text-fill-color: initial;white-space:nowrap;"></titlecontrol>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel171193714731490" title="图片" style="top: 951px; left: 1209px; width: 184px; height: 66px; transform: translate(0px, 0px); z-index: 1042;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;border-radius:0px;border-width:0px ;border-style:solid ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <bigimg _tmplitem="12" url="a54b6a8a-4095-4e6b-9a25-97cbfb81dfe8.png" w="184" h="66" rotatetype="" rotatetime=""></bigimg>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel171193698417415" title="雷达图" style="top: 761px; left: 6px; width: 470px; height: 272px; transform: translate(0px, 0px); z-index: 1041;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;border-radius:0px;border-width:0px ;border-style:solid ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <myechart _tmplitem="13" ref="sel171193698417415" mapcity="" mapcode="" mapurl="" :options="fromData.sel171193698417415"></myechart>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel171193693577843" title="折线" style="top: 460px; left: 15px; width: 456px; height: 257px; transform: translate(0px, 0px); z-index: 1040;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;border-radius:0px;border-width:0px ;border-style:solid ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <myechart _tmplitem="14" ref="sel171193693577843" mapcity="" mapcode="" mapurl="" :options="fromData.sel171193693577843"></myechart>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel171193683598719" title="通用标题" style="top: 90px; left: 1387px; width: 300px; height: 40px; transform: translate(0px, 0px); z-index: 1039;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);color: rgb(255, 255, 255); overflow: unset; text-overflow: unset; white-space: unset; background-image: none; background-clip: unset; -webkit-text-fill-color: initial;white-space:nowrap;">
                    <titlecontrol _tmplitem="15" ref="sel171193683598719" :w="300" :h="40" :val="fromData.sel171193683598719" cssstyle="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);color: rgb(255, 255, 255); overflow: unset; text-overflow: unset; white-space: unset; background-image: none; background-clip: unset; -webkit-text-fill-color: initial;white-space:nowrap;"></titlecontrol>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel171193682098201" title="通用标题" style="top: 11px; left: 1407px; width: 300px; height: 40px; transform: translate(0px, 0px); z-index: 1038;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);color: rgb(255, 255, 255); overflow: unset; text-overflow: unset; white-space: unset; background-image: none; background-clip: unset; -webkit-text-fill-color: initial;white-space:nowrap;">
                    <titlecontrol _tmplitem="16" ref="sel171193682098201" :w="300" :h="40" :val="fromData.sel171193682098201" cssstyle="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);color: rgb(255, 255, 255); overflow: unset; text-overflow: unset; white-space: unset; background-image: none; background-clip: unset; -webkit-text-fill-color: initial;white-space:nowrap;"></titlecontrol>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel171193681453000" title="通用标题" style="top: 12px; left: 1174px; width: 300px; height: 40px; transform: translate(0px, 0px); z-index: 1037;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);color: rgb(255, 255, 255); overflow: unset; text-overflow: unset; white-space: unset; background-image: none; background-clip: unset; -webkit-text-fill-color: initial;white-space:nowrap;">
                    <titlecontrol _tmplitem="17" ref="sel171193681453000" :w="300" :h="40" :val="fromData.sel171193681453000" cssstyle="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);color: rgb(255, 255, 255); overflow: unset; text-overflow: unset; white-space: unset; background-image: none; background-clip: unset; -webkit-text-fill-color: initial;white-space:nowrap;"></titlecontrol>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel171193680969058" title="通用标题" style="top: 8px; left: 412px; width: 300px; height: 40px; transform: translate(0px, 0px); z-index: 1036;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);color: rgb(255, 255, 255); overflow: unset; text-overflow: unset; white-space: unset; background-image: none; background-clip: unset; -webkit-text-fill-color: initial;white-space:nowrap;">
                    <titlecontrol _tmplitem="18" ref="sel171193680969058" :w="300" :h="40" :val="fromData.sel171193680969058" cssstyle="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);color: rgb(255, 255, 255); overflow: unset; text-overflow: unset; white-space: unset; background-image: none; background-clip: unset; -webkit-text-fill-color: initial;white-space:nowrap;"></titlecontrol>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel171193680382435" title="通用标题" style="top: 8px; left: 197px; width: 300px; height: 40px; transform: translate(0px, 0px); z-index: 1035;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);color: rgb(255, 255, 255); overflow: unset; text-overflow: unset; white-space: unset; background-image: none; background-clip: unset; -webkit-text-fill-color: initial;white-space:nowrap;">
                    <titlecontrol _tmplitem="19" ref="sel171193680382435" :w="300" :h="40" :val="fromData.sel171193680382435" cssstyle="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);color: rgb(255, 255, 255); overflow: unset; text-overflow: unset; white-space: unset; background-image: none; background-clip: unset; -webkit-text-fill-color: initial;white-space:nowrap;"></titlecontrol>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel171193679781131" title="通用标题" style="top: 12px; left: -31px; width: 300px; height: 40px; transform: translate(0px, 0px); z-index: 1034;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);color: rgb(255, 255, 255); overflow: unset; text-overflow: unset; white-space: unset; background-image: none; background-clip: unset; -webkit-text-fill-color: initial;white-space:nowrap;">
                    <titlecontrol _tmplitem="20" ref="sel171193679781131" :w="300" :h="40" :val="fromData.sel171193679781131" cssstyle="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);color: rgb(255, 255, 255); overflow: unset; text-overflow: unset; white-space: unset; background-image: none; background-clip: unset; -webkit-text-fill-color: initial;white-space:nowrap;"></titlecontrol>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel171193676187057" title="日期" style="top: 18px; left: 1707px; width: 143px; height: 34px; transform: translate(0px, 0px); z-index: 1033;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;font-size:14px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;line-height:40px ;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <comdatetime _tmplitem="21" ref="sel171193676187057" w="143" h="34" format="YYYY-MM-DD HH:mm:ss" cssstyle="opacity:1;font-size:14px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;line-height:40px ;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"></comdatetime>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel171193667825783" title="通用标题" style="top: 15px; left: 795px; width: 300px; height: 40px; transform: translate(0px, 0px); z-index: 1032;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;font-size:28px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);color: rgb(255, 255, 255); overflow: unset; text-overflow: unset; white-space: unset; background-image: none; background-clip: unset; -webkit-text-fill-color: initial;white-space:nowrap;">
                    <titlecontrol _tmplitem="22" ref="sel171193667825783" :w="300" :h="40" :val="fromData.sel171193667825783" cssstyle="opacity:1;font-size:28px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);color: rgb(255, 255, 255); overflow: unset; text-overflow: unset; white-space: unset; background-image: none; background-clip: unset; -webkit-text-fill-color: initial;white-space:nowrap;"></titlecontrol>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel171193661323874" title="气泡地图" style="top: 93px; left: 419px; width: 1036px; height: 792px; transform: translate(0px, 0px); z-index: 1031;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;border-radius:0px;border-width:0px ;border-style:solid ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <myechart _tmplitem="23" ref="sel171193661323874" mapcity="" mapcode="" mapurl="" :options="fromData.sel171193661323874"></myechart>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel171193647253603" title="图片" style="top: 785px; left: 1462px; width: 450px; height: 23px; transform: translate(0px, 0px); z-index: 1030;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;border-radius:0px;border-width:0px ;border-style:solid ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <bigimg _tmplitem="24" url="ebe043d8-51dd-4a10-8304-b2daf5c5714c.png" w="450" h="23" rotatetype="" rotatetime=""></bigimg>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel171193615248434" title="图片" style="top: -10px; left: -5px; width: 1919px; height: 384px; transform: translate(0px, 0px); z-index: 1029;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;border-radius:0px;border-width:0px ;border-style:solid ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <bigimg _tmplitem="25" url="451d1de1-53c5-4efa-8f7e-7410b29ea1c4.png" w="1919" h="384" rotatetype="" rotatetime=""></bigimg>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel171193652961796" title="图片" style="top: 97px; left: 14px; width: 450px; height: 23px; transform: translate(0px, 0px); z-index: 1028;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;border-radius:0px;border-width:0px ;border-style:solid ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <bigimg _tmplitem="26" url="ebe043d8-51dd-4a10-8304-b2daf5c5714c.png" w="450" h="23" rotatetype="" rotatetime=""></bigimg>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel171193654775673" title="图片" style="top: 428px; left: 16px; width: 450px; height: 23px; transform: translate(0px, 0px); z-index: 1027;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;border-radius:0px;border-width:0px ;border-style:solid ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <bigimg _tmplitem="27" url="ebe043d8-51dd-4a10-8304-b2daf5c5714c.png" w="450" h="23" rotatetype="" rotatetime=""></bigimg>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel171193656192508" title="图片" style="top: 733px; left: 15px; width: 450px; height: 23px; transform: translate(0px, 0px); z-index: 1026;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;border-radius:0px;border-width:0px ;border-style:solid ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <bigimg _tmplitem="28" url="ebe043d8-51dd-4a10-8304-b2daf5c5714c.png" w="450" h="23" rotatetype="" rotatetime=""></bigimg>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel17119365809097" title="图片" style="top: 109px; left: 1449px; width: 450px; height: 23px; transform: translate(0px, 0px); z-index: 1025;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;border-radius:0px;border-width:0px ;border-style:solid ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <bigimg _tmplitem="29" url="ebe043d8-51dd-4a10-8304-b2daf5c5714c.png" w="450" h="23" rotatetype="" rotatetime=""></bigimg>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel17119365909937" title="图片" style="top: 419px; left: 1454px; width: 450px; height: 23px; transform: translate(0px, 0px); z-index: 1024;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;border-radius:0px;border-width:0px ;border-style:solid ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <bigimg _tmplitem="30" url="ebe043d8-51dd-4a10-8304-b2daf5c5714c.png" w="450" h="23" rotatetype="" rotatetime=""></bigimg>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel171193685782426" title="通用标题" style="top: 80px; left: -54px; width: 300px; height: 40px; transform: translate(0px, 0px); z-index: 1023;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);color: rgb(255, 255, 255); overflow: unset; text-overflow: unset; white-space: unset; background-image: none; background-clip: unset; -webkit-text-fill-color: initial;white-space:nowrap;">
                    <titlecontrol _tmplitem="31" ref="sel171193685782426" :w="300" :h="40" :val="fromData.sel171193685782426" cssstyle="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);color: rgb(255, 255, 255); overflow: unset; text-overflow: unset; white-space: unset; background-image: none; background-clip: unset; -webkit-text-fill-color: initial;white-space:nowrap;"></titlecontrol>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel171193686858143" title="通用标题" style="top: 414px; left: -52px; width: 300px; height: 40px; transform: translate(0px, 0px); z-index: 1022;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);color: rgb(255, 255, 255); overflow: unset; text-overflow: unset; white-space: unset; background-image: none; background-clip: unset; -webkit-text-fill-color: initial;white-space:nowrap;">
                    <titlecontrol _tmplitem="32" ref="sel171193686858143" :w="300" :h="40" :val="fromData.sel171193686858143" cssstyle="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);color: rgb(255, 255, 255); overflow: unset; text-overflow: unset; white-space: unset; background-image: none; background-clip: unset; -webkit-text-fill-color: initial;white-space:nowrap;"></titlecontrol>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel171193688934113" title="通用标题" style="top: 402px; left: 1384px; width: 300px; height: 40px; transform: translate(0px, 0px); z-index: 1021;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);color: rgb(255, 255, 255); overflow: unset; text-overflow: unset; white-space: unset; background-image: none; background-clip: unset; -webkit-text-fill-color: initial;white-space:nowrap;">
                    <titlecontrol _tmplitem="33" ref="sel171193688934113" :w="300" :h="40" :val="fromData.sel171193688934113" cssstyle="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);color: rgb(255, 255, 255); overflow: unset; text-overflow: unset; white-space: unset; background-image: none; background-clip: unset; -webkit-text-fill-color: initial;white-space:nowrap;"></titlecontrol>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel171193689710394" title="通用标题" style="top: 768px; left: 1401px; width: 300px; height: 40px; transform: translate(0px, 0px); z-index: 1020;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);color: rgb(255, 255, 255); overflow: unset; text-overflow: unset; white-space: unset; background-image: none; background-clip: unset; -webkit-text-fill-color: initial;white-space:nowrap;">
                    <titlecontrol _tmplitem="34" ref="sel171193689710394" :w="300" :h="40" :val="fromData.sel171193689710394" cssstyle="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);color: rgb(255, 255, 255); overflow: unset; text-overflow: unset; white-space: unset; background-image: none; background-clip: unset; -webkit-text-fill-color: initial;white-space:nowrap;"></titlecontrol>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel171193690610331" title="通用标题" style="top: 719px; left: -44px; width: 300px; height: 40px; transform: translate(0px, 0px); z-index: 1019;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);color: rgb(255, 255, 255); overflow: unset; text-overflow: unset; white-space: unset; background-image: none; background-clip: unset; -webkit-text-fill-color: initial;white-space:nowrap;">
                    <titlecontrol _tmplitem="35" ref="sel171193690610331" :w="300" :h="40" :val="fromData.sel171193690610331" cssstyle="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);color: rgb(255, 255, 255); overflow: unset; text-overflow: unset; white-space: unset; background-image: none; background-clip: unset; -webkit-text-fill-color: initial;white-space:nowrap;"></titlecontrol>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel171193727658472" title="图片" style="top: 944px; left: 495px; width: 184px; height: 66px; transform: translate(0px, 0px); z-index: 1018;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;border-radius:0px;border-width:0px ;border-style:solid ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <bigimg _tmplitem="36" url="a54b6a8a-4095-4e6b-9a25-97cbfb81dfe8.png" w="184" h="66" rotatetype="" rotatetime=""></bigimg>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel171193728233570" title="图片" style="top: 946px; left: 737px; width: 184px; height: 66px; transform: translate(0px, 0px); z-index: 1017;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;border-radius:0px;border-width:0px ;border-style:solid ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <bigimg _tmplitem="37" url="a54b6a8a-4095-4e6b-9a25-97cbfb81dfe8.png" w="184" h="66" rotatetype="" rotatetime=""></bigimg>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel171193728818892" title="图片" style="top: 948px; left: 983px; width: 184px; height: 66px; transform: translate(0px, 0px); z-index: 1016;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;border-radius:0px;border-width:0px ;border-style:solid ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <bigimg _tmplitem="38" url="a54b6a8a-4095-4e6b-9a25-97cbfb81dfe8.png" w="184" h="66" rotatetype="" rotatetime=""></bigimg>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel17119373537831" title="通用标题" style="top: 975px; left: 442px; width: 300px; height: 40px; transform: translate(0px, 0px); z-index: 1015;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);color: rgb(255, 255, 255); overflow: unset; text-overflow: unset; white-space: unset; background-image: none; background-clip: unset; -webkit-text-fill-color: initial;white-space:nowrap;">
                    <titlecontrol _tmplitem="39" ref="sel17119373537831" :w="300" :h="40" :val="fromData.sel17119373537831" cssstyle="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);color: rgb(255, 255, 255); overflow: unset; text-overflow: unset; white-space: unset; background-image: none; background-clip: unset; -webkit-text-fill-color: initial;white-space:nowrap;"></titlecontrol>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel171193736313343" title="通用标题" style="top: 975px; left: 692px; width: 300px; height: 40px; transform: translate(0px, 0px); z-index: 1014;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);color: rgb(255, 255, 255); overflow: unset; text-overflow: unset; white-space: unset; background-image: none; background-clip: unset; -webkit-text-fill-color: initial;white-space:nowrap;">
                    <titlecontrol _tmplitem="40" ref="sel171193736313343" :w="300" :h="40" :val="fromData.sel171193736313343" cssstyle="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);color: rgb(255, 255, 255); overflow: unset; text-overflow: unset; white-space: unset; background-image: none; background-clip: unset; -webkit-text-fill-color: initial;white-space:nowrap;"></titlecontrol>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel171193737970588" title="通用标题" style="top: 977px; left: 938px; width: 300px; height: 40px; transform: translate(0px, 0px); z-index: 1013;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);color: rgb(255, 255, 255); overflow: unset; text-overflow: unset; white-space: unset; background-image: none; background-clip: unset; -webkit-text-fill-color: initial;white-space:nowrap;">
                    <titlecontrol _tmplitem="41" ref="sel171193737970588" :w="300" :h="40" :val="fromData.sel171193737970588" cssstyle="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);color: rgb(255, 255, 255); overflow: unset; text-overflow: unset; white-space: unset; background-image: none; background-clip: unset; -webkit-text-fill-color: initial;white-space:nowrap;"></titlecontrol>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel171193741150528" title="数字翻牌" style="top: 943px; left: 563px; width: 100px; height: 40px; transform: translate(0px, 0px); z-index: 1012;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;line-height:40px ;font-size:24px ;color:rgb(255, 255, 255) ;text-align:left;border-radius:0px;border-width:0px ;border-style:solid ;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <digitalflop _tmplitem="42" ref="sel171193741150528" :num="1343" content="{nt}个" :w="100" :h="40" cssstyle="opacity:1;line-height:40px ;font-size:24px ;color:rgb(255, 255, 255) ;text-align:left;border-radius:0px;border-width:0px ;border-style:solid ;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"></digitalflop>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel171193741919166" title="数字翻牌" style="top: 948px; left: 802px; width: 100px; height: 40px; transform: translate(0px, 0px); z-index: 1011;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;line-height:40px ;font-size:24px ;color:rgb(255, 255, 255) ;text-align:left;border-radius:0px;border-width:0px ;border-style:solid ;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <digitalflop _tmplitem="43" ref="sel171193741919166" :num="1343" content="{nt}个" :w="100" :h="40" cssstyle="opacity:1;line-height:40px ;font-size:24px ;color:rgb(255, 255, 255) ;text-align:left;border-radius:0px;border-width:0px ;border-style:solid ;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"></digitalflop>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel171193742539610" title="数字翻牌" style="top: 951px; left: 1050px; width: 100px; height: 40px; transform: translate(0px, 0px); z-index: 1010;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;line-height:40px ;font-size:24px ;color:rgb(255, 255, 255) ;text-align:left;border-radius:0px;border-width:0px ;border-style:solid ;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <digitalflop _tmplitem="44" ref="sel171193742539610" :num="1343" content="{nt}个" :w="100" :h="40" cssstyle="opacity:1;line-height:40px ;font-size:24px ;color:rgb(255, 255, 255) ;text-align:left;border-radius:0px;border-width:0px ;border-style:solid ;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"></digitalflop>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel171193815148719" title="图片" style="top: 283px; left: 278px; width: 55px; height: 55px; transform: translate(0px, 0px); z-index: 109;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;border-radius:0px;border-width:0px ;border-style:solid ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <bigimg _tmplitem="45" url="dce3d867-a6c9-412d-a5ac-6d2313c68822.png" w="55" h="55" rotatetype="" rotatetime=""></bigimg>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel171193823489127" title="图片" style="top: 161px; left: 31px; width: 55px; height: 55px; transform: translate(0px, 0px); z-index: 108;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;border-radius:0px;border-width:0px ;border-style:solid ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <bigimg _tmplitem="46" url="dce3d867-a6c9-412d-a5ac-6d2313c68822.png" w="55" h="55" rotatetype="" rotatetime=""></bigimg>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel171193824693821" title="图片" style="top: 281px; left: 31px; width: 55px; height: 55px; transform: translate(0px, 0px); z-index: 107;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;border-radius:0px;border-width:0px ;border-style:solid ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <bigimg _tmplitem="47" url="320b7592-25ac-4a6c-a26d-c1aa53de607f.png" w="55" h="55" rotatetype="" rotatetime=""></bigimg>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel171193831778621" title="通用标题" style="top: 152px; left: -18px; width: 300px; height: 40px; transform: translate(0px, 0px); z-index: 106;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);color: rgb(255, 255, 255); overflow: unset; text-overflow: unset; white-space: unset; background-image: none; background-clip: unset; -webkit-text-fill-color: initial;white-space:nowrap;">
                    <titlecontrol _tmplitem="48" ref="sel171193831778621" :w="300" :h="40" :val="fromData.sel171193831778621" cssstyle="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);color: rgb(255, 255, 255); overflow: unset; text-overflow: unset; white-space: unset; background-image: none; background-clip: unset; -webkit-text-fill-color: initial;white-space:nowrap;"></titlecontrol>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel171193834797032" title="通用标题" style="top: 156px; left: 225px; width: 300px; height: 40px; transform: translate(0px, 0px); z-index: 105;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);color: rgb(255, 255, 255); overflow: unset; text-overflow: unset; white-space: unset; background-image: none; background-clip: unset; -webkit-text-fill-color: initial;white-space:nowrap;">
                    <titlecontrol _tmplitem="49" ref="sel171193834797032" :w="300" :h="40" :val="fromData.sel171193834797032" cssstyle="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);color: rgb(255, 255, 255); overflow: unset; text-overflow: unset; white-space: unset; background-image: none; background-clip: unset; -webkit-text-fill-color: initial;white-space:nowrap;"></titlecontrol>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel171193835445863" title="通用标题" style="top: 275px; left: -23px; width: 300px; height: 40px; transform: translate(0px, 0px); z-index: 104;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);color: rgb(255, 255, 255); overflow: unset; text-overflow: unset; white-space: unset; background-image: none; background-clip: unset; -webkit-text-fill-color: initial;white-space:nowrap;">
                    <titlecontrol _tmplitem="50" ref="sel171193835445863" :w="300" :h="40" :val="fromData.sel171193835445863" cssstyle="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);color: rgb(255, 255, 255); overflow: unset; text-overflow: unset; white-space: unset; background-image: none; background-clip: unset; -webkit-text-fill-color: initial;white-space:nowrap;"></titlecontrol>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel171193836847527" title="数字翻牌" style="top: 180px; left: 89px; width: 300px; height: 40px; transform: translate(0px, 0px); z-index: 103;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;line-height:40px ;font-size:24px ;color:rgb(255, 255, 255) ;text-align:left;border-radius:0px;border-width:0px ;border-style:solid ;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <digitalflop _tmplitem="51" ref="sel171193836847527" :num="1343" content="{nt}个" :w="300" :h="40" cssstyle="opacity:1;line-height:40px ;font-size:24px ;color:rgb(255, 255, 255) ;text-align:left;border-radius:0px;border-width:0px ;border-style:solid ;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"></digitalflop>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel17119383796928" title="数字翻牌" style="top: 180px; left: 339px; width: 300px; height: 40px; transform: translate(0px, 0px); z-index: 102;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;line-height:40px ;font-size:24px ;color:rgb(255, 255, 255) ;text-align:left;border-radius:0px;border-width:0px ;border-style:solid ;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <digitalflop _tmplitem="52" ref="sel17119383796928" :num="1343" content="{nt}个" :w="300" :h="40" cssstyle="opacity:1;line-height:40px ;font-size:24px ;color:rgb(255, 255, 255) ;text-align:left;border-radius:0px;border-width:0px ;border-style:solid ;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"></digitalflop>
                </div>
            </div>
            <div _tmplitem="54" class="bigitem" v-if="readDataPermission.sel171193838567501" title="数字翻牌" style="top: 301px; left: 86px; width: 300px; height: 40px; transform: translate(0px, 0px); z-index: 101;--objectfit:">
                <div _tmplitem="54" class="itemcontent " style="opacity:1;line-height:40px ;font-size:24px ;color:rgb(255, 255, 255) ;text-align:left;border-radius:0px;border-width:0px ;border-style:solid ;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <digitalflop _tmplitem="53" ref="sel171193838567501" :num="1343" content="{nt}个" :w="300" :h="40" cssstyle="opacity:1;line-height:40px ;font-size:24px ;color:rgb(255, 255, 255) ;text-align:left;border-radius:0px;border-width:0px ;border-style:solid ;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"></digitalflop>
                </div>
            </div>
        </div>
        <fromdialog _tmplitem="54" ref="reffromdialog"></fromdialog>
    </div>
</template>
<script>
    import china from './china.json'
    import * as echarts from 'echarts'
    import sel171285011153460 from './sel171285011153460'
    import custom1776443952871088130 from './custom1776443952871088130'
    import custom1776450888261804034 from './custom1776450888261804034'
    import digitalflop from '@/components/numScroll.vue'
    import titlecontrol from '@/components/titlecontrol.vue'
    import bigimg from '@/components/bigImg.vue'
    import myechart from '@/components/myechart/newindex.vue'
    import scrollingtable from '@/components/scrollgridlist/scrollingtable.vue'
    import comdatetime from '@/components/comdatetime.vue'
    export default {
        data() {
            return {
                "w": 1920,
                "css": "",
                "h": 1080,
                "bg": "006f118515bb096cc7548066440516f1.png",
                "bgColor": "rgb(43 44 45)",
                "fromData": {
                    "sel171193836162808": 1343,
                    "sel171193831044205": "测试标题",
                    "sel171193783839014": {
                        "grid": {
                            "left": "5%",
                            "right": "5%",
                            "bottom": "5%",
                            "top": "10%",
                            "containLabel": true
                        },
                        "tooltip": {
                            "trigger": "axis",
                            "axisPointer": {
                                "type": "none"
                            }
                        },
                        "xAxis": {
                            "show": false,
                            "type": "value"
                        },
                        "yAxis": [{
                            "type": "category",
                            "inverse": true,
                            "axisLabel": {
                                "show": true,
                                "textStyle": {
                                    "color": "#fff"
                                }
                            },
                            "splitLine": {
                                "show": false
                            },
                            "axisTick": {
                                "show": false
                            },
                            "axisLine": {
                                "show": false
                            },
                            "data": ["大米", "玉米", "蔬菜", "鸡蛋", "坚果"]
                        }, {
                            "type": "category",
                            "inverse": true,
                            "axisTick": "none",
                            "axisLine": "none",
                            "show": true,
                            "axisLabel": {
                                "textStyle": {
                                    "color": "#ffffff",
                                    "fontSize": "12"
                                }
                            },
                            "data": [50000000, 22000000, 10000000, 5000000, 1]
                        }],
                        "series": [{
                            "name": "金额",
                            "type": "bar",
                            "zlevel": 1,
                            "itemStyle": {
                                "normal": {
                                    "barBorderRadius": 20,
                                    "color": {
                                        "colorStops": [{
                                            "offset": 0,
                                            "color": "rgb(57,89,255,1)"
                                        }, {
                                            "offset": 1,
                                            "color": "rgb(46,200,207,1)"
                                        }],
                                        "x": 0,
                                        "y": 0,
                                        "x2": 1,
                                        "y2": 0,
                                        "type": "linear",
                                        "global": false
                                    }
                                }
                            },
                            "barWidth": 15,
                            "data": [50000000, 22000000, 10000000, 5000000, 1]
                        }, {
                            "name": "背景",
                            "type": "bar",
                            "barWidth": 15,
                            "barGap": "-100%",
                            "data": [50000000, 50000000, 50000000, 50000000, 1],
                            "itemStyle": {
                                "normal": {
                                    "color": "rgba(24,31,68,1)",
                                    "barBorderRadius": 30
                                }
                            }
                        }]
                    },
                    "sel171193771270354": {
                        "title": [{
                            "text": "本年收缴率",
                            "x": "16%",
                            "y": "70%",
                            "textStyle": {
                                "fontSize": 14,
                                "fontWeight": "100",
                                "color": "#5dc3ea",
                                "lineHeight": 16,
                                "textAlign": "center"
                            }
                        }, {
                            "text": "本月收缴率",
                            "x": "66%",
                            "y": "70%",
                            "textStyle": {
                                "fontSize": 14,
                                "fontWeight": "100",
                                "color": "#5dc3ea",
                                "lineHeight": 16,
                                "textAlign": "center"
                            }
                        }],
                        "series": [{
                            "type": "liquidFill",
                            "radius": "47%",
                            "center": ["25%", "45%"],
                            "color": [{
                                "type": "linear",
                                "x": 0,
                                "y": 0,
                                "x2": 0,
                                "y2": 1,
                                "colorStops": [{
                                    "offset": 0,
                                    "color": "#446bf5"
                                }, {
                                    "offset": 1,
                                    "color": "#2ca3e2"
                                }],
                                "globalCoord": false
                            }],
                            "data": [0.45, 0.45],
                            "backgroundStyle": {
                                "borderWidth": 1,
                                "color": "RGBA(51, 66, 127, 0.7)"
                            },
                            "label": {
                                "normal": {
                                    "textStyle": {
                                        "fontSize": 30,
                                        "color": "#fff"
                                    }
                                }
                            },
                            "outline": {
                                "borderDistance": 0,
                                "itemStyle": {
                                    "borderWidth": 2,
                                    "borderColor": "#112165"
                                }
                            }
                        }, {
                            "type": "liquidFill",
                            "radius": "47%",
                            "center": ["75%", "45%"],
                            "color": [{
                                "type": "linear",
                                "x": 0,
                                "y": 0,
                                "x2": 0,
                                "y2": 1,
                                "colorStops": [{
                                    "offset": 0,
                                    "color": "#2aa1e3"
                                }, {
                                    "offset": 1,
                                    "color": "#08bbc9"
                                }],
                                "globalCoord": false
                            }],
                            "data": [0.76, 0.76],
                            "backgroundStyle": {
                                "borderWidth": 1,
                                "color": "RGBA(51, 66, 127, 0.7)"
                            },
                            "label": {
                                "normal": {
                                    "textStyle": {
                                        "fontSize": 28,
                                        "color": "#fff"
                                    }
                                }
                            },
                            "outline": {
                                "borderDistance": 0,
                                "itemStyle": {
                                    "borderWidth": 2,
                                    "borderColor": "#112165"
                                }
                            }
                        }]
                    },
                    "sel171193756644749": [{
                        "date": "测试数据",
                        "name": "测试数据",
                        "address": "测试数据"
                    }, {
                        "date": "测试数据",
                        "name": "测试数据",
                        "address": "测试数据"
                    }, {
                        "date": "测试数据",
                        "name": "测试数据",
                        "address": "测试数据"
                    }, {
                        "date": "测试数据",
                        "name": "测试数据",
                        "address": "测试数据"
                    }],
                    "sel171193739037022": 1343,
                    "sel171193734022125": "数据",
                    "sel171193698417415": {
                        "color": ["#00c2ff", "#f9cf67", "#e92b77"],
                        "legend": {
                            "show": true,
                            "bottom": 45,
                            "center": 0,
                            "itemWidth": 14,
                            "itemHeight": 14,
                            "itemGap": 21,
                            "textStyle": {
                                "fontSize": 14,
                                "color": "#ade3ff"
                            },
                            "data": ["2016", "2017", "2018"]
                        },
                        "radar": [{
                            "indicator": [{
                                "text": "科技创新联盟",
                                "max": 100
                            }, {
                                "text": "科技成果转化中心",
                                "max": 100
                            }, {
                                "text": "工程技术中心（工程实验室）",
                                "max": 100
                            }, {
                                "text": "新型研发机构",
                                "max": 100
                            }, {
                                "text": "科技创孵化器",
                                "max": 100
                            }],
                            "textStyle": {
                                "color": "red"
                            },
                            "center": ["50%", "50%"],
                            "radius": 142,
                            "startAngle": 90,
                            "splitNumber": 3,
                            "orient": "horizontal",
                            "name": {
                                "formatter": "{value}",
                                "textStyle": {
                                    "fontSize": 14,
                                    "color": "#5b81cb"
                                }
                            },
                            "splitArea": {
                                "show": true,
                                "areaStyle": {
                                    "color": ["#141c42", "#141c42"]
                                }
                            },
                            "axisLine": {
                                "lineStyle": {
                                    "color": "#153269"
                                }
                            },
                            "splitLine": {
                                "lineStyle": {
                                    "color": "#113865",
                                    "width": 1
                                }
                            }
                        }],
                        "series": [{
                            "name": "雷达图",
                            "type": "radar",
                            "itemStyle": {
                                "emphasis": {
                                    "lineStyle": {
                                        "width": 4
                                    }
                                }
                            },
                            "data": [{
                                "name": "2016",
                                "value": [85, 65, 55, 90, 82],
                                "areaStyle": {
                                    "normal": {
                                        "color": {
                                            "type": "linear",
                                            "x": 0,
                                            "y": 0,
                                            "x2": 1,
                                            "y2": 1,
                                            "colorStops": [{
                                                "offset": 0,
                                                "color": "#00c2ff"
                                            }, {
                                                "offset": 0.5,
                                                "color": "rgba(0,0,0,0)"
                                            }, {
                                                "offset": 1,
                                                "color": "#00c2ff"
                                            }],
                                            "globalCoord": false
                                        },
                                        "opacity": 1
                                    }
                                },
                                "symbolSize": 2.5,
                                "label": {
                                    "normal": {
                                        "show": true,
                                        "position": "top",
                                        "distance": 2,
                                        "color": "#6692e2",
                                        "fontSize": 14
                                    }
                                },
                                "itemStyle": {
                                    "normal": {
                                        "borderColor": "#00c2ff",
                                        "borderWidth": 2.5
                                    }
                                }
                            }, {
                                "name": "2017",
                                "value": [50, 20, 45, 30, 75],
                                "symbolSize": 2.5,
                                "itemStyle": {
                                    "normal": {
                                        "borderColor": "#f9cf67",
                                        "borderWidth": 2.5
                                    }
                                },
                                "areaStyle": {
                                    "normal": {
                                        "color": {
                                            "type": "linear",
                                            "x": 0,
                                            "y": 0,
                                            "x2": 1,
                                            "y2": 1,
                                            "colorStops": [{
                                                "offset": 0,
                                                "color": "#f9cf67"
                                            }, {
                                                "offset": 0.5,
                                                "color": "rgba(0,0,0,0)"
                                            }, {
                                                "offset": 1,
                                                "color": "#f9cf67"
                                            }],
                                            "globalCoord": false
                                        },
                                        "opacity": 1
                                    }
                                }
                            }, {
                                "name": "2018",
                                "value": [37, 80, 12, 50, 25],
                                "symbolSize": 2.5,
                                "itemStyle": {
                                    "normal": {
                                        "borderColor": "#e92b77",
                                        "borderWidth": 2.5
                                    }
                                },
                                "areaStyle": {
                                    "normal": {
                                        "color": {
                                            "type": "linear",
                                            "x": 0,
                                            "y": 0,
                                            "x2": 1,
                                            "y2": 1,
                                            "colorStops": [{
                                                "offset": 0,
                                                "color": "#e92b77"
                                            }, {
                                                "offset": 0.5,
                                                "color": "rgba(0,0,0,0)"
                                            }, {
                                                "offset": 1,
                                                "color": "#e92b77"
                                            }],
                                            "globalCoord": false
                                        },
                                        "opacity": 1
                                    }
                                }
                            }]
                        }]
                    },
                    "sel171193693577843": {
                        "grid": {
                            "left": "5%",
                            "top": "5%",
                            "bottom": "5%",
                            "right": "5%"
                        },
                        "legend": {
                            "type": "scroll",
                            "data": ["云篆山水路线", "昕博朗学校路线", "新华小学路线", "云锦五路路线"],
                            "itemWidth": 18,
                            "itemHeight": 12,
                            "textStyle": {
                                "color": "#00ffff",
                                "fontSize": 14
                            }
                        },
                        "yAxis": [{
                            "type": "value",
                            "position": "right",
                            "splitLine": {
                                "show": false
                            },
                            "axisLine": {
                                "show": false
                            },
                            "axisTick": {
                                "show": false
                            },
                            "axisLabel": {
                                "show": false
                            }
                        }, {
                            "type": "value",
                            "position": "left",
                            "nameTextStyle": {
                                "color": "#00FFFF"
                            },
                            "splitLine": {
                                "lineStyle": {
                                    "type": "dashed",
                                    "color": "rgba(135,140,147,0.8)"
                                }
                            },
                            "axisLine": {
                                "show": false
                            },
                            "axisTick": {
                                "show": false
                            },
                            "axisLabel": {
                                "formatter": "{value}",
                                "color": "#fff",
                                "fontSize": 14
                            }
                        }],
                        "xAxis": [{
                            "type": "category",
                            "axisTick": {
                                "show": false
                            },
                            "axisLine": {
                                "show": false,
                                "lineStyle": {
                                    "color": "#6A989E"
                                }
                            },
                            "axisLabel": {
                                "inside": false,
                                "textStyle": {
                                    "color": "#fff",
                                    "fontWeight": "normal",
                                    "fontSize": "14",
                                    "lineHeight": 22
                                }
                            },
                            "data": ["周一", "周二", "周三", "周四", "周五", "周六", "周日"]
                        }, {
                            "type": "category",
                            "axisLine": {
                                "show": false
                            },
                            "axisTick": {
                                "show": false
                            },
                            "axisLabel": {
                                "show": false
                            },
                            "splitArea": {
                                "show": false
                            },
                            "splitLine": {
                                "show": false
                            },
                            "data": ["1月", "2月", "3月", "4月", "5月", "6月"]
                        }],
                        "series": [{
                            "symbolSize": 150,
                            "symbol": "image://",
                            "name": "云篆山水路线",
                            "type": "line",
                            "yAxisIndex": 1,
                            "data": [123, 154, 234, 321, 120, 390, 634],
                            "itemStyle": {
                                "normal": {
                                    "borderWidth": 5,
                                    "color": "#00f8ff"
                                }
                            }
                        }, {
                            "symbolSize": 150,
                            "symbol": "image://",
                            "name": "昕博朗学校路线",
                            "type": "line",
                            "yAxisIndex": 1,
                            "data": [63, 194, 234, 321, 278, 110, 534],
                            "itemStyle": {
                                "normal": {
                                    "borderWidth": 5,
                                    "color": "#00f15a"
                                }
                            }
                        }, {
                            "symbolSize": 150,
                            "symbol": "image://",
                            "name": "新华小学路线",
                            "type": "line",
                            "yAxisIndex": 1,
                            "data": [53, 254, 234, 321, 118, 240, 434],
                            "itemStyle": {
                                "normal": {
                                    "borderWidth": 5,
                                    "color": "#0696f9"
                                }
                            }
                        }, {
                            "symbolSize": 150,
                            "symbol": "image://",
                            "name": "云锦五路路线",
                            "type": "line",
                            "yAxisIndex": 1,
                            "data": [23, 354, 334, 221, 178, 190, 234],
                            "itemStyle": {
                                "normal": {
                                    "borderWidth": 5,
                                    "color": "#dcf776"
                                }
                            }
                        }]
                    },
                    "sel171193683598719": "这是一个tab标题",
                    "sel171193682098201": "测试标题",
                    "sel171193681453000": "测试标题",
                    "sel171193680969058": "测试标题",
                    "sel171193680382435": "测试标题",
                    "sel171193679781131": "测试标题",
                    "sel171193667825783": "指挥调度中心平台",
                    "sel171193661323874": {
                        "tooltip": {
                            "show": true
                        },
                        "geo": {
                            "map": "china",
                            "show": true,
                            "roam": false,
                            "label": {
                                "emphasis": {
                                    "show": false
                                }
                            },
                            "layoutSize": "100%",
                            "itemStyle": {
                                "normal": {
                                    "borderColor": {
                                        "colorStops": [{
                                            "offset": 0,
                                            "color": "#00F6FF"
                                        }, {
                                            "offset": 1,
                                            "color": "#53D9FF"
                                        }],
                                        "x": 0,
                                        "y": 0,
                                        "x2": 0,
                                        "y2": 1,
                                        "type": "linear",
                                        "global": false
                                    },
                                    "borderWidth": 3,
                                    "shadowColor": "rgba(10,76,139,1)",
                                    "shadowOffsetY": 0,
                                    "shadowBlur": 60
                                }
                            }
                        },
                        "series": [{
                            "type": "map",
                            "map": "china",
                            "aspectScale": 0.75,
                            "label": {
                                "normal": {
                                    "show": false
                                },
                                "emphasis": {
                                    "show": false
                                }
                            },
                            "itemStyle": {
                                "normal": {
                                    "areaColor": {
                                        "x": 0,
                                        "y": 0,
                                        "x2": 0,
                                        "y2": 1,
                                        "colorStops": [{
                                            "offset": 0,
                                            "color": "#073684"
                                        }, {
                                            "offset": 1,
                                            "color": "#061E3D"
                                        }]
                                    },
                                    "borderColor": "#215495",
                                    "borderWidth": 1
                                },
                                "emphasis": {
                                    "areaColor": {
                                        "x": 0,
                                        "y": 0,
                                        "x2": 0,
                                        "y2": 1,
                                        "colorStops": [{
                                            "offset": 0,
                                            "color": "#073684"
                                        }, {
                                            "offset": 1,
                                            "color": "#061E3D"
                                        }]
                                    }
                                }
                            },
                            "data": [{
                                "name": "南海诸岛",
                                "value": 0
                            }, {
                                "name": "北京",
                                "value": 524
                            }, {
                                "name": "天津",
                                "value": 13
                            }, {
                                "name": "上海",
                                "value": 140
                            }, {
                                "name": "重庆",
                                "value": 75
                            }, {
                                "name": "河北",
                                "value": 13
                            }, {
                                "name": "河南",
                                "value": 83
                            }, {
                                "name": "云南",
                                "value": 11
                            }, {
                                "name": "辽宁",
                                "value": 19
                            }, {
                                "name": "黑龙江",
                                "value": 15
                            }, {
                                "name": "湖南",
                                "value": 69
                            }, {
                                "name": "安徽",
                                "value": 260
                            }, {
                                "name": "山东",
                                "value": 39
                            }, {
                                "name": "新疆",
                                "value": 4
                            }, {
                                "name": "江苏",
                                "value": 31
                            }, {
                                "name": "浙江",
                                "value": 104
                            }, {
                                "name": "江西",
                                "value": 36
                            }, {
                                "name": "湖北",
                                "value": 1052
                            }, {
                                "name": "广西",
                                "value": 33
                            }, {
                                "name": "甘肃",
                                "value": 347
                            }, {
                                "name": "山西",
                                "value": 9
                            }, {
                                "name": "内蒙古",
                                "value": 157
                            }, {
                                "name": "陕西",
                                "value": 22
                            }, {
                                "name": "吉林",
                                "value": 4
                            }, {
                                "name": "福建",
                                "value": 18
                            }, {
                                "name": "贵州",
                                "value": 5
                            }, {
                                "name": "广东",
                                "value": 2398
                            }, {
                                "name": "青海",
                                "value": 41
                            }, {
                                "name": "西藏",
                                "value": 0
                            }, {
                                "name": "四川",
                                "value": 484
                            }, {
                                "name": "宁夏",
                                "value": 404
                            }, {
                                "name": "海南",
                                "value": 22
                            }, {
                                "name": "台湾",
                                "value": 3
                            }, {
                                "name": "香港",
                                "value": 5
                            }, {
                                "name": "澳门",
                                "value": 225
                            }]
                        }, {
                            "type": "effectScatter",
                            "coordinateSystem": "geo",
                            "rippleEffect": {
                                "brushType": "stroke"
                            },
                            "showEffectOn": "render",
                            "itemStyle": {
                                "normal": {
                                    "color": {
                                        "type": "radial",
                                        "x": 0.5,
                                        "y": 0.5,
                                        "r": 0.5,
                                        "colorStops": [{
                                            "offset": 0,
                                            "color": "rgba(5,80,151,0.2)"
                                        }, {
                                            "offset": 0.8,
                                            "color": "rgba(5,80,151,0.8)"
                                        }, {
                                            "offset": 1,
                                            "color": "rgba(0,108,255,0.7)"
                                        }],
                                        "global": false
                                    }
                                }
                            },
                            "label": {
                                "normal": {
                                    "show": true,
                                    "color": "#fff",
                                    "fontWeight": "bold",
                                    "position": "inside",
                                    "rich": {
                                        "cnNum": {
                                            "fontSize": 13,
                                            "color": "#D4EEFF"
                                        }
                                    }
                                }
                            },
                            "symbol": "circle",
                            "data": [{
                                "name": "北京",
                                "value": [116.4551, 40.2539, 524]
                            }, {
                                "name": "天津",
                                "value": [117.4219, 39.4189, 13]
                            }, {
                                "name": "上海",
                                "value": [121.4648, 31.2891, 140]
                            }, {
                                "name": "重庆",
                                "value": [107.7539, 30.1904, 75]
                            }, {
                                "name": "河北",
                                "value": [115.4004, 39.4688, 13]
                            }, {
                                "name": "河南",
                                "value": [113.0668, 33.8818, 83]
                            }, {
                                "name": "云南",
                                "value": [101.0652, 25.1807, 11]
                            }, {
                                "name": "辽宁",
                                "value": [122.0438, 41.0889, 19]
                            }, {
                                "name": "黑龙江",
                                "value": [126.1445, 48.7156, 15]
                            }, {
                                "name": "湖南",
                                "value": [111.5332, 27.3779, 69]
                            }, {
                                "name": "安徽",
                                "value": [117.2461, 32.0361, 260]
                            }, {
                                "name": "山东",
                                "value": [118.7402, 36.4307, 39]
                            }, {
                                "name": "新疆",
                                "value": [84.9023, 42.148, 4]
                            }, {
                                "name": "江苏",
                                "value": [118.8586, 32.915, 31]
                            }, {
                                "name": "浙江",
                                "value": [120.498, 29.0918, 104]
                            }, {
                                "name": "江西",
                                "value": [116.0156, 27.29, 36]
                            }, {
                                "name": "湖北",
                                "value": [112.2363, 31.1572, 1052]
                            }, {
                                "name": "广西",
                                "value": [107.7813, 23.6426, 33]
                            }, {
                                "name": "甘肃",
                                "value": [99.7129, 38.166, 347]
                            }, {
                                "name": "山西",
                                "value": [112.4121, 37.6611, 9]
                            }, {
                                "name": "内蒙古",
                                "value": [112.5977, 46.3408, 157]
                            }, {
                                "name": "陕西",
                                "value": [109.5996, 35.7396, 22]
                            }, {
                                "name": "吉林",
                                "value": [125.7746, 43.5938, 4]
                            }, {
                                "name": "福建",
                                "value": [118.3008, 25.9277, 18]
                            }, {
                                "name": "贵州",
                                "value": [106.6113, 26.9385, 5]
                            }, {
                                "name": "广东",
                                "value": [113.4668, 22.8076, 2398]
                            }, {
                                "name": "青海",
                                "value": [95.2402, 35.4199, 41]
                            }, {
                                "name": "西藏",
                                "value": [87.8695, 31.6846, 0]
                            }, {
                                "name": "四川",
                                "value": [101.9199, 30.1904, 484]
                            }, {
                                "name": "宁夏",
                                "value": [105.9961, 37.3096, 404]
                            }, {
                                "name": "海南",
                                "value": [109.9512, 19.2041, 22]
                            }, {
                                "name": "台湾",
                                "value": [120.0254, 23.5986, 3]
                            }, {
                                "name": "香港",
                                "value": [114.1178, 22.3242, 5]
                            }, {
                                "name": "澳门",
                                "value": [111.5547, 22.1484, 225]
                            }],
                            "zlevel": 1
                        }]
                    },
                    "sel171193685782426": "这是一个tab标题",
                    "sel171193686858143": "这是一个tab标题",
                    "sel171193688934113": "这是一个tab标题",
                    "sel171193689710394": "这是一个tab标题",
                    "sel171193690610331": "这是一个tab标题",
                    "sel17119373537831": "数据",
                    "sel171193736313343": "数据",
                    "sel171193737970588": "数据",
                    "sel171193741150528": 1343,
                    "sel171193741919166": 1343,
                    "sel171193742539610": 1343,
                    "sel171193831778621": "测试标题",
                    "sel171193834797032": "测试标题",
                    "sel171193835445863": "测试标题",
                    "sel171193836847527": 1343,
                    "sel17119383796928": 1343,
                    "sel171193838567501": 1343
                },
                "controlTimer": {},
                "controlData": {
                    "sel171193756644749": [{
                        "prop": "date",
                        "label": "日期",
                        "width": 149
                    }, {
                        "prop": "name",
                        "label": "姓名",
                        "width": 149
                    }, {
                        "prop": "address",
                        "label": "地址",
                        "width": 149
                    }]
                },
                "screentype": "full",
                "readDataPermission": {
                    "sel171285011153460": true,
                    "sel171285010570120": true,
                    "sel171285010214836": true,
                    "sel171193836162808": true,
                    "sel171193831044205": true,
                    "sel171193806138318": true,
                    "sel171193783839014": true,
                    "sel171193771270354": true,
                    "sel171193756644749": true,
                    "sel171193739037022": true,
                    "sel171193734022125": true,
                    "sel171193714731490": true,
                    "sel171193698417415": true,
                    "sel171193693577843": true,
                    "sel171193683598719": true,
                    "sel171193682098201": true,
                    "sel171193681453000": true,
                    "sel171193680969058": true,
                    "sel171193680382435": true,
                    "sel171193679781131": true,
                    "sel171193676187057": true,
                    "sel171193667825783": true,
                    "sel171193661323874": true,
                    "sel171193647253603": true,
                    "sel171193615248434": true,
                    "sel171193652961796": true,
                    "sel171193654775673": true,
                    "sel171193656192508": true,
                    "sel17119365809097": true,
                    "sel17119365909937": true,
                    "sel171193685782426": true,
                    "sel171193686858143": true,
                    "sel171193688934113": true,
                    "sel171193689710394": true,
                    "sel171193690610331": true,
                    "sel171193727658472": true,
                    "sel171193728233570": true,
                    "sel171193728818892": true,
                    "sel17119373537831": true,
                    "sel171193736313343": true,
                    "sel171193737970588": true,
                    "sel171193741150528": true,
                    "sel171193741919166": true,
                    "sel171193742539610": true,
                    "sel171193815148719": true,
                    "sel171193823489127": true,
                    "sel171193824693821": true,
                    "sel171193831778621": true,
                    "sel171193834797032": true,
                    "sel171193835445863": true,
                    "sel171193836847527": true,
                    "sel17119383796928": true,
                    "sel171193838567501": true
                }
            }
        },
        methods: {
            created_sys() {
                ///系统方法 判断页面大小 使其自动适应
                let $this = this;
                this.w = this.w === undefined ? 1920 : this.w;
                $this.css = $this.fullScreenCss($this, this.screentype);

                window.addEventListener("resize", () => {
                    $this.css = $this.fullScreenCss($this, this.screentype);
                });

                if (this.loadfunmounted_sys !== undefined) {
                    this.loadfunmounted_sys();
                }
            },
            loadsysmounted() {
                echarts.registerMap("china", china);
            },
            fullScreenCss($this, screentype) {
                if (screentype === "none") {
                    return `  width: ${$this.w}px;height: ${$this.h}px; ${$this.bg === "" ? "" : "background-image:url(" + $this.bg + ");    background-repeat: no-repeat;background-size: cover;"}    ${$this.bgColor === "" ? "" : "background-color:" + $this.bgColor + ";"}`;
                } else if (screentype === "w") {
                    return `  width: ${$this.w}px;height: ${$this.h}px; ${$this.bg === "" ? "" : "background-image:url(" + $this.bg + ");    background-repeat: no-repeat;background-size: cover;"}  transform: scale(${document.body.clientWidth / $this.w});  ${$this.bgColor === "" ? "" : "background-color:" + $this.bgColor + ";"}`;
                } else if (screentype === "h") {
                    return `  width: ${$this.w}px;height: ${$this.h}px; ${$this.bg === "" ? "" : "background-image:url(" + $this.bg + ");    background-repeat: no-repeat;background-size: cover;"}  transform: scale(${document.body.clientHeight / $this.h});  ${$this.bgColor === "" ? "" : "background-color:" + $this.bgColor + ";"}`;
                } else if (screentype === "full") {
                    return `  width: ${$this.w}px;height: ${$this.h}px; ${$this.bg === "" ? "" : "background-image:url(" + $this.bg + ");    background-repeat: no-repeat;background-size: cover;"}  transform: scale(${document.body.clientWidth / $this.w},${document.body.clientHeight / $this.h});  ${$this.bgColor === "" ? "" : "background-color:" + $this.bgColor + ";"}`;
                } else {
                    let scalew = document.body.clientHeight / $this.h;
                    let scaleh = document.body.clientWidth / $this.w;
                    let scale = scalew > scaleh ? scaleh : scalew;
                    let left = (document.body.clientWidth - scale * $this.w) / 2;
                    left = left > 0 ? "left:" + left + "px;" : "";
                    return left + ` transform: scale(${scale}); width: ${$this.w}px;height: ${$this.h}px; ${$this.bg === "" ? "" : "background-image:url(" + $this.bg + ");    background-repeat: no-repeat;background-size: cover;"} ${$this.bgColor === "" ? "" : "background-color:" + $this.bgColor + ";"}`;
                }
            },
            loadfunmounted_sys() {
                if (this.loadsysmounted !== undefined) {
                    this.loadsysmounted();
                }
            }
        },
        created() {
            this.created_sys();

            if (this.loadfunmounted !== undefined) {
                this.$nextTick(() => {
                    this.loadfunmounted();
                });
            }
        },
        components: {
            sel171285011153460,
            custom1776443952871088130,
            custom1776450888261804034,
            digitalflop,
            titlecontrol,
            bigimg,
            myechart,
            scrollingtable,
            comdatetime
        }
    }
</script>
<style scoped>
    .dv-full-screen-container {
        transform: scale(1);
        position: absolute;
        top: 0px;
        left: 0px;
        overflow: hidden;
        transform-origin: left top;
        z-index: 499;
        font-family: Avenir, Helvetica, Arial, sans-serif;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        width: 1920px;
        height: 1080px;
        background-color: "#040404";
        background-size: cover;
        background-repeat: no-repeat;
    }

    .div-full-screen {
        background-size: cover;
        background-repeat: no-repeat;
    }

    .bigitem {
        position: absolute;
        will-change: transform;
        overflow: hidden;
    }

    .layouttable {
        height: 100%;
        display: flex;
    }

    .layouttable .layouttable-item {
        height: 100%;
        position: relative;
        float: left;
    }

    .itemcontent {
        width: 100%;
        height: 100%;
    }
</style>
<style scoped></style>